{/* <verticTable v-bind="tableProps">
<template #slot3="scope">
  <span
    class="cell-content"
    :class="{
      warn: Number(scope.row[scope.column.property]) < 0,
      error: Number(scope.row[scope.column.property]) > 0,
    }"
  >
    {{
      scope.row[scope.column.property] !== null &&
      scope.row[scope.column.property] !== ""
        ? scope.row[scope.column.property]
        : ""
    }}
  </span>
</template>
<template #slot5="scope">
  <span
    class="cell-content"
    :class="{
      warn: Number(scope.row[scope.column.property]) < 0,
      error: Number(scope.row[scope.column.property]) > 0,
    }"
  >
    {{
      scope.row[scope.column.property] !== null &&
      scope.row[scope.column.property] !== ""
        ? scope.row[scope.column.property]
        : ""
    }}
  </span>
</template>
<template #slot6="scope">
  <div class="flex-center">
    <el-image
      preview-teleported
      v-if="scope.row[scope.column.property]"
      style="width: 100px; height: 75px"
      :src="getImageById(scope.row[scope.column.property], imagListObj)[0]"
      :zoom-rate="1.2"
      :max-scale="2"
      :min-scale="0.4"
      :preview-src-list="
        getImageById(scope.row[scope.column.property], imagListObj)
      "
      :initial-index="0"
    />
  </div>
</template>
</verticTable> */}

let columns = ref([
    {
      label: "common.date",
      prop: "salesDate",
    },
    {
      label: "page.signedData",
      prop: "signedValue",
    },
    {
      label: "page.sysData",
      prop: "systemValue",
    },
    {
      label: ["page.sysData", "common.difference"],
      prop: "systemVarianceValue",
      slotName: "systemVarianceValue",
    },
    {
      label: "page.siteAudit",
      prop: "auditValue",
    },
    {
      label: ["page.siteAudit", "common.difference"],
      prop: "varianceValue",
      slotName: "varianceValue",
    },
    {
      label: "common.image",
      prop: "images",
      slotName: "images",
    },
    {
      label: "page.defferenceReason",
      prop: "varianceReasonValue",
    },
    {
      label: "common.comment",
      prop: "remark",
    },
  ]);
  let tableProps = reactive({
    columns: columns.value,
    vertiaclColumnObj: {
      firstColumnWidth: "160",
      columnWidth: "180",
      slotIndex: [3, 5, 6],
      slotName: true,
      fixedIndex: [0],
    },
    tableData: [],
  });